<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

<h:head>
    <title>@MRU</title>

    <h:outputStylesheet name="css/main-style.css"/>
    <h:outputScript name="js/main.js"/>
</h:head>

<h:body>

    <div class="header-container" style="height: 30px;">
        <h:outputText value="THE HEADER CONTENT GOES HERE"/>
        <h:form>
            <p:commandLink value="Creaza dosar nou" action="#{folderBean.navigateToCreateFolder}" ajax="false"/>
            <br/>
            <p:commandLink value="Listeaza dosare" action="#{folderBean.navigateToFolderList}" ajax="false"/>
        </h:form>
    </div>

    <div class="main-container">
        <p:layout widgetVar="mainLayout" style="max-height: 600px">
            <p:layoutUnit position="west" resizable="true" size="200" minSize="100" maxSize="300">
                <ui:insert name="leftContent"/>
            </p:layoutUnit>
            <p:layoutUnit position="center" styleClass="main-content">
                <ui:insert name="mainContent"/>
            </p:layoutUnit>
        </p:layout>

        <ui:include src="../../view/contents/leftContent/tree/add-tree-node-dialog.xhtml"/>
    </div>

    <div class="footer-container">
        <ui:insert name="footerContent">
            <div style="text-align: center; padding-top: 10px;">
                <h:outputText value="© MRU 2014."/>
            </div>
        </ui:insert>
    </div>
</h:body>

</html>